body {
  background-color: #f4f7f9;
}
.lianxiren .header {
  padding: 10px 30px;
  background-image: linear-gradient(to right, #00d9ff, #00bcff);
}
.lianxiren .header img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
}
.lianxiren .header .lxr {
  font-size: 35px;
}
.lianxiren .header div i {
  font-size: 10px;
  color: #2beb91;
}
.lianxiren .insert {
  background-color: #fff;
}
.lianxiren .insert .nav-search {
  margin: 0 30px 10px 30px;
}
.lianxiren .insert .nav-search .search {
  height: 40px;
  width: 100%;
  background-color: #f7f7f799;
  border-radius: 30px;
}
.lianxiren .insert .meet {
  margin: 20px 30px 5px;
  letter-spacing: 2px;
}
.lianxiren .insert .friend {
  margin: 15px 30px 10px;
}
.lianxiren .insert .friend img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
}
.lianxiren .insert .friend .add p {
  width: 70px;
  height: 28px;
  border-radius: 30px;
  background-color: #edeff4;
}
.lianxiren .inform {
  background-color: #fff;
}
.lianxiren .inform div {
  padding: 10px 0;
  margin: 10px 30px;
}
.lianxiren .nav-grouping {
  background-color: #fff;
}
.lianxiren .nav-grouping .grouping {
  margin: 0 30px 30px 30px;
}
.lianxiren .nav-grouping .grouping ul {
  padding: 20px 0;
}
.lianxiren .nav-grouping .grouping ul li:nth-child(2) {
  width: 50px;
  height: 23px;
  border-radius: 30px;
  background-color: #e6fbff;
  color: #5bd0ec;
}
.lianxiren .nav-grouping .grouping i {
  font-size: 10px;
}
.lianxiren .foot {
  height: 60px;
  width: 100%;
  background-color: #fbfbfb;
  bottom: 0;
}
.lianxiren .foot i {
  font-size: 30px;
}
.lianxiren .foot .yd {
  font-size: 15px;
  color: #f75b73;
}
.lianxiren .foot div:nth-child(2) i {
  color: #47cafe;
}
